<div class="layui-body">
	<h1 align="middle" style="padding: 20px;">分配服务</h1>
	<table class="layui-hide" id="tblService" lay-filter="tblService"></table>
</div>
<script type="text/html" id="servebar">
	<a class="layui-btn layui-btn-xs" lay-event="distribute">服务分配</a>
	<a crmurl="service/allService.html" class="layui-btn layui-btn-xs crmmenu" lay-event="allService">所有服务</a>
</script>
<script>
	var row = null;
	var table;
	layui.use(['table', 'jquery'], function() {
		table = layui.table
		var $ = layui.jquery;
		$(".crmmenu").click(function(){
			//this被点击的a标签，attr()方法获取指定属性的值
			var url = $(this).attr("crmurl")
			//ajax异步提交来获取url对应页面的内容
			$.get(url,null,function(content){
				//把异步提交返回的页面内容替换中间区域的div的内容
				$(".layui-body").children(0).html(content)
			})
		})
		
		table.render({
			//elem(属性名:属性值)指定渲染的table标签
			elem: '#tblService'
				// 获取数据的URL地址
				,
			url: 'http://localhost:8080/serve/getServeList',
			cols: [
				[{
						checkbox: true
					}, {
						field: 'seNo',
						width: 100,
						title: '服务编号'
					}, {
						field: 'seTypeCN',
						width: 100,
						title: '服务类型'
					} //sort排序,并不是全表排序,只是当前页面显示的数据进行排序
					, {
						field: 'seDetail',
						width: 260,
						title: '服务详细内容'
					}, {
						field: 'seStateCN',
						width: 100,
						title: '服务状态'
					}, {
						field: 'seCreator',
						width: 100,
						title: '创建人'
					}, , {
						field: 'seCreatdate',
						width: 160,
						title: '创建时间'
					}
					//,{field:'seMethod', width:100, title: '处理方法'},
					, {
						field: 'seAssigindate',
						width: 160,
						title: '分配时间'
					}, {
						field: 'seProcessor',
						width: 100,
						title: '处理人'
					}
					//,{field:'seProcessdate', width:180, title: '处理时间'}
				]
			],
			page: true //允许显示的工具栏
				,
			height: 'full-220' //设置表格高度 适应屏幕高度
				,
			limit: 10 //设置每页数据最大数量
				,
			limits: [5, 10, 20, 30, 40, 50, 60, 70, 80, 90],
			toolbar: '#servebar',
			defaultToolbar: [], //默认的增删改的工具栏，没有到处，打印图标
			where:{
				seState:0
			}
		});
		table.on('toolbar(tblService)', function(obj) {
			var checkStatus = table.checkStatus(obj.config.id);
			//obj.event对应工具栏按钮的lay-event属性
			// var row = checkStatus.data[0]
			switch (obj.event) {
				case 'distribute':
					if (checkStatus.data.length == 0) {
						layer.msg("请选择要处理的服务")
					} else {
						row = checkStatus.data[0]
						//弹出窗口
						layer.open({
							type: 2 //此处以iframe举例
								,
							title: '服务处理',
							area: ['460px', '650px'] //窗口宽度，高度
								,
							shade: 0.5 //背景透明度0-1
								,
							maxmin: true //显示最大化最小化按钮
								,
							offset: [ //窗口坐标
									//居中显示
									($(window).height() - 650) / 2, ($(window).width() - 460) / 2
								]
								//弹出窗口显示的页面
								,
							content: 'service/distribution.html'
						});
					}
					break;
					case 'allService':
					table.reload('tblService',{
						where:{
						   seState:-1
						},
						page:{
							curr:1
						}
					})
					break;
			};
		});
	});
</script>
